<template>
  <div class="content-box intro-y">
    <hBase :args="args">
      <template #parts>
        <el-table-column prop="userAcc" label="用户账户" width="120" />
        <el-table-column prop="userName" label="用户名" width="120" />
        <el-table-column prop="post" label="职务" width="120" />
        <el-table-column prop="birthday" label="出生日期" width="180" />
        <el-table-column prop="sexName" label="性别" width="80" />
        <el-table-column prop="idCode" label="证件号" width="180" />
        <el-table-column prop="email" label="邮箱" width="180" />
        <el-table-column prop="nationName" label="民族" width="100" />
        <el-table-column prop="native" label="籍贯" width="120" />
        <el-table-column prop="edtLevelName" label="学历" width="120" />
        <el-table-column prop="school" label="毕业院校" width="180" />
        <el-table-column prop="major" label="专业" width="180" />
        <el-table-column prop="addr" label="地址" width="180" />
        <el-table-column prop="zipCode" label="邮编" width="120" />
        <wdhState label="管理员" prop="adminFlag" width="80"/>
        <wdhState label="停用" prop="stopFlag" width="80"/>
        <el-table-column prop="remark" label="备注" width="180" />
      </template>
      <template #edit="{ init, close }">
        <edit :init="init" @close="close"></edit>
      </template>
    </hBase>
  </div>
</template>

<script setup>
import { onMounted, computed } from "vue";
import hBase from "../base/hBase.vue";
import * as $api from "@/api/api.js";
import edit from "./Edit.vue"

onMounted(() => {
  console.log($api.BATeacherQueryCondition); // 使用 globalProperties 上的 $api
});
const args = computed(() => {
  return {
    search: $api.UserQueryAll,
    remove: $api.UserDelete,
    showUserOperate: true,
    width: 280,
    keyword: (e) => {
      e.userId = 1;
      return e;
    },
    key: (e) => {
      return { unitKey: e.unitKey, userKey: e.userKey };
    },
  };
});
</script>

<style></style>